Kayan İşlem Düğmesi Ekleyin

Oluşturma yöntemini deneyin
Android için önerilen kullanıcı arayüzü araç seti Jetpack Compose'dur. Oluşturma'da nasıl bileşen ekleyeceğinizi öğrenin.

Kayan işlem düğmesi (FAB), uygulamanızın kullanıcı arayüzünde birincil işlemi tetikleyen dairesel bir düğmedir. Bu sayfada, FAB'yi düzeninize nasıl ekleyeceğiniz, görünümünün bazı kısımlarını nasıl özelleştireceğiniz ve düğmeye dokunma işlemlerine nasıl yanıt vereceğiniz gösterilmektedir.

Uygulamanızda Materyal Tasarım yönergelerine uygun bir kayan işlem düğmesi tasarlama hakkında daha fazla bilgi edinmek için Düğmeler: Kayan İşlem Düğmesi başlıklı makaleyi de inceleyin.

Şekil 1. Kayan işlem düğmesi

Kayan işlem düğmesini düzeninize ekleme

Aşağıdaki kodda, FloatingActionButton öğesinin düzen dosyanızda nasıl görünmesi gerektiği gösterilmektedir:

<com.google.android.material.floatingactionbutton.FloatingActionButton
        android:id="@+id/fab"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_gravity="end|bottom"
        android:src="@drawable/ic_my_icon"
        android:contentDescription="@string/submit"
        android:layout_margin="16dp" />

Varsayılan olarak FAB, colorAccent özelliğine göre renklendirilir. Bu özelliği temanın renk paletini kullanarak özelleştirebilirsiniz.

Diğer FAB özelliklerini XML özelliklerini veya aşağıdakiler gibi ilgili yöntemleri kullanarak yapılandırabilirsiniz:

  • app:fabSize özelliğini veya setSize() yöntemini kullanarak FAB'ın boyutu.
  • app:rippleColor özelliğini veya setRippleColor() yöntemini kullanarak FAB'ın dalgalanma rengi.
  • android:src özelliğini veya setImageDrawable() yöntemini kullanarak FAB simgesi.

Düğmeye dokunma işlemlerine yanıt verme

Ardından, FAB dokunuşlarını işlemek için bir View.OnClickListener uygulayabilirsiniz. Örneğin, aşağıdaki kodda kullanıcı FAB'a dokunduğunda Snackbar gösterilir:

Kotlin

val fab: View = findViewById(R.id.fab)
fab.setOnClickListener { view ->
    Snackbar.make(view, "Here's a Snackbar", Snackbar.LENGTH_LONG)
            .setAction("Action", null)
            .show()
}

Java

FloatingActionButton fab = findViewById(R.id.fab);
fab.setOnClickListener(new View.OnClickListener() {
    @Override
    public void onClick(View view) {
        Snackbar.make(view, "Here's a Snackbar", Snackbar.LENGTH_LONG)
                .setAction("Action", null).show();
    }
});

FAB'ın özellikleri hakkında daha fazla bilgi için FloatingActionButton API referansına bakın.